<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Clip-path hover</title>
  <link rel="stylesheet" href="./css/style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="container">
  <div class="clip clip-1">
    <div class="content">
      <h2 class="title">Ehrenbreitstein, Koblenz, Deutschland</h2>
      <p class="paragraph">Photo taken by Jonathan Kemper (@jupp).</p>
    </div>
  </div>
  <div class="clip clip-2">
    <div class="content">
      <h2 class="title">Cayucos State Beach, Cayucos, CA, USA</h2>
      <p class="paragraph">Photo taken by Tim Mossholder (@timmossholder).</p>
    </div>
  </div>
  <div class="clip clip-3">
    <div class="content">
      <h2 class="title">Yasaka Shrine, Kyōto-shi, Japan</h2>
      <p class="paragraph">Photo taken by JJ Ying (@jjying).</p>
    </div>
  </div>
</div>
<!-- partial -->
  
</body>
</html>
